<!DOCTYPE HTML>
<html>
	<head>
		<title>相册</title>
		<link rel="icon" href="../../images/head.png" type="image/x-icon" />
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
		<style type="text/css">
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar {  
    width: 16px;  /*滚动条宽度*/
    height: 16px;  /*滚动条高度*/
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track {  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  /*滚动条的背景区域的圆角*/
    background-color: #fff7ff;/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb {  
    border-radius: 10px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #fff0ac;  /*滚动条的背景颜色*/
}
::-webkit-scrollbar-thumb:hover{  
    border-radius: 10px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #ffe153;  /*滚动条的背景颜色*/
}
		</style>
	</head>
	<body>

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
<!-- 					<header id="header">
						<h1><a href="index.html"><strong>HOME</strong></a></h1>
						<nav>
							<ul>
								<li><a href="#footer" class="icon fa-info-circle">About</a></li>
							</ul>
						</nav>
					</header> -->

				<!-- Main -->
					<div id="main">
						<article class="thumb">
							<!-- href是大图路径，src是小图路径 -->
							<a href="http://b165.photo.store.qq.com/psb?/V12y8dq21e1UK3/BwA.cC8bfHEhXVwNzFf8DItOCGVV1Zb0v.JB5zKWNK4!/b/dKUAAAAAAAAA&bo=gAdfBYAHXwUFByQ!&rf=viewer_4&t=5" class="image"><img src="http://b165.photo.store.qq.com/psb?/V12y8dq21e1UK3/BwA.cC8bfHEhXVwNzFf8DItOCGVV1Zb0v.JB5zKWNK4!/m/dKUAAAAAAAAAnull&bo=gAdfBYAHXwUFByQ!&rf=photolist&t=5" alt="" /></a>
							<h2><a href="../../index.html">回到首页</a></h2>
							<p>第一张照片，黑白两色</p>
						</article>
						<article class="thumb">
							<a href="http://b287.photo.store.qq.com/psb?/V12y8dq21e1UK3/C5OVKhimDgbQXl9H*mwqryp9JphUQFUJlGFSbi3jZOU!/b/dB8BAAAAAAAA&bo=gAegBYAHoAUFByQ!&rf=viewer_4&t=5" class="image"><img src="http://b287.photo.store.qq.com/psb?/V12y8dq21e1UK3/C5OVKhimDgbQXl9H*mwqryp9JphUQFUJlGFSbi3jZOU!/m/dB8BAAAAAAAAnull&bo=gAegBYAHoAUFByQ!&rf=photolist&t=5" alt="" /></a>
							<h2>腐糜</h2>
							<p>那些不曾被注意到的细节，在这里呈现。</p>
						</article>
						<article class="thumb">
							<a href="http://b288.photo.store.qq.com/psb?/V12y8dq21e1UK3/KI7wlpK4XaWs7X6PyZXVqe4I55Pf.GC.dXQd7AUwhq0!/b/dCABAAAAAAAA&bo=gAdoBIAHaAQFByQ!&rf=viewer_4&t=5" class="image"><img src="http://b288.photo.store.qq.com/psb?/V12y8dq21e1UK3/KI7wlpK4XaWs7X6PyZXVqe4I55Pf.GC.dXQd7AUwhq0!/m/dCABAAAAAAAAnull&bo=gAdoBIAHaAQFByQ!&rf=photolist&t=5" alt="" /></a>
							<h2>注视</h2>
							<p>就像一只小狗，对事情简单直接。</p>
						</article>
						<article class="thumb">
							<a href="http://b148.photo.store.qq.com/psb?/V12bJ0UM1EN1IB/UHwTsdHM*eu70QXTr4qXswenVjQpY6tRqT5AHjI2TKM!/b/dJQAAAAAAAAA&bo=OARUBqAPcBcRCZg!&rf=viewer_4&t=5" class="image"><img src="http://b148.photo.store.qq.com/psb?/V12bJ0UM1EN1IB/UHwTsdHM*eu70QXTr4qXswenVjQpY6tRqT5AHjI2TKM!/m/dJQAAAAAAAAAnull&bo=OARUBqAPcBcRCZg!&rf=photolist&t=5" alt="" /></a>
							<h2>@小草 《城南花已开》</h2>
							<p>给：城南花已开。</p>
						</article>
						<article class="thumb">
							<a href="http://b316.photo.store.qq.com/psb?/V10aNMxF1Uushy/v347ylCxagNeulutwhzXHHNXSSrTIy1FwMuBfJrYukI!/b/dDwBAAAAAAAA&bo=VAY4BIAWAA8RCck!&rf=viewer_4&t=5" class="image"><img src="http://b316.photo.store.qq.com/psb?/V10aNMxF1Uushy/v347ylCxagNeulutwhzXHHNXSSrTIy1FwMuBfJrYukI!/m/dDwBAAAAAAAAnull&bo=VAY4BIAWAA8RCck!&rf=photolist&t=5" alt="" /></a>
							<h2>@粑粑 《橘座》</h2>
							<p>两个月，0.6kg都不到的橘座，与猫瘟对抗第8天，它的坚强让身边所有人感动。已经在慢慢好转痊愈，一切指标都正常，即将解锁新人生。很幸运躲过了猫瘟这个死劫，或者说是奇迹！小可爱此刻正在被窝呼噜睡熟。（附几张病发前的萌照）</p>
						</article>
						<article class="thumb">
							<a href="http://b224.photo.store.qq.com/psb?/V10aNMxF02Tfq9/5V3JBALLPGz4zubem6stVaZ5wvv.aq4HDfgLaEjoRL4!/b/dOAAAAAAAAAA&bo=VAY4BIAWAA8RCck!&rf=viewer_4&t=5" class="image"><img src="http://b224.photo.store.qq.com/psb?/V10aNMxF02Tfq9/5V3JBALLPGz4zubem6stVaZ5wvv.aq4HDfgLaEjoRL4!/m/dOAAAAAAAAAAnull&bo=VAY4BIAWAA8RCck!&rf=photolist&t=5" alt="" /></a>
							<h2>@ 粑粑 《庐山.秋天》</h2>
							<p>嘘，不要惊扰了时光。</p>
						</article>
						<article class="thumb">
							<a href="http://b395.photo.store.qq.com/psb?/V10aNMxF1P4fB2/NrOuD63xWuPx7dfZ7kJ*Do8FqwBJ9DmTqFyqY8OkFic!/b/dIsBAAAAAAAA&bo=VAY4BIAWAA8BCdk!&rf=viewer_4&t=5" class="image"><img src="http://b395.photo.store.qq.com/psb?/V10aNMxF1P4fB2/NrOuD63xWuPx7dfZ7kJ*Do8FqwBJ9DmTqFyqY8OkFic!/m/dIsBAAAAAAAAnull&bo=VAY4BIAWAA8BCdk!&rf=photolist&t=5" alt="" /></a>
							<h2>@ 粑粑 《西藏记》</h2>
							<p>西藏记</p>
						</article>
						<article class="thumb">
							<a href="http://b225.photo.store.qq.com/psb?/V10aNMxF1P4fB2/dN*hvM189ikw.FnE6IARYD1w4tNlQM2B6J*VcSQOQLo!/b/dOEAAAAAAAAA&bo=VAY4BIAWAA8BCdk!&rf=viewer_4&t=5" class="image"><img src="http://b225.photo.store.qq.com/psb?/V10aNMxF1P4fB2/dN*hvM189ikw.FnE6IARYD1w4tNlQM2B6J*VcSQOQLo!/m/dOEAAAAAAAAAnull&bo=VAY4BIAWAA8BCdk!&rf=photolist&t=5" alt="" /></a>
							<h2>@ 粑粑 《西藏记》</h2>
							<p>西藏记</p>
						</article>
						<article class="thumb">
							<a href="http://b227.photo.store.qq.com/psb?/V10aNMxF1gxxd3/Uh*g2SLalypfy.R5atgQgHdB1Y.nhBdMBSRuBOaU4Mk!/b/dOMAAAAAAAAA&bo=OAScBbAEPAYFCQE!&rf=viewer_4&t=5" class="image"><img src="http://b227.photo.store.qq.com/psb?/V10aNMxF1gxxd3/Uh*g2SLalypfy.R5atgQgHdB1Y.nhBdMBSRuBOaU4Mk!/m/dOMAAAAAAAAAnull&bo=OAScBbAEPAYFCQE!&rf=photolist&t=5" alt="" /></a>
							<h2>@ 粑粑 《生活集》</h2>
							<p>满眼清新。</p>
						</article>
						<article class="thumb">
							<a href="http://b351.photo.store.qq.com/psb?/V10aNMxF1gxxd3/OLHWiZb4qWACgv7W7riOwocAc9E1zy0ZwP9RSRfmyqo!/b/dG2xQtHFEwAA&bo=wAOAAkAGKwQBCgU!&rf=viewer_4&t=5" class="image"><img src="http://b351.photo.store.qq.com/psb?/V10aNMxF1gxxd3/OLHWiZb4qWACgv7W7riOwocAc9E1zy0ZwP9RSRfmyqo!/m/dG2xQtHFEwAAnull&bo=wAOAAkAGKwQBCgU!&rf=photolist&t=5" alt="" /></a>
							<h2>@ 粑粑 《生活集》</h2>
							<p>生活集</p>
						</article>
						<article class="thumb">
							<a href="http://b321.photo.store.qq.com/psb?/V12bJ0UM38AxIh/3ly5U5i3eTPZ5FVlGVdN5YAqpTZJMwsLm6JkubUnNFM!/b/dEEBAAAAAAAA&bo=OAcABTgHAAURBzA!&rf=viewer_4&t=5" class="image"><img src="http://b321.photo.store.qq.com/psb?/V12bJ0UM38AxIh/3ly5U5i3eTPZ5FVlGVdN5YAqpTZJMwsLm6JkubUnNFM!/m/dEEBAAAAAAAAnull&bo=OAcABTgHAAURBzA!&rf=photolist&t=5" alt="" /></a>
							<h2>@小草 《茶系人生》</h2>
							<p>一片叶子的故事。</p>
						</article>
						<article class="thumb">
							<a href="http://b199.photo.store.qq.com/psb?/V12bJ0UM2byo8w/uXbeySZEc2PVg.0oWNixYRqgffuFxjijWxA4p3nbxfc!/b/dMcAAAAAAAAA&bo=sAQIB7AECAcFByQ!&rf=viewer_4&t=5" class="image"><img src="http://b199.photo.store.qq.com/psb?/V12bJ0UM2byo8w/uXbeySZEc2PVg.0oWNixYRqgffuFxjijWxA4p3nbxfc!/m/dMcAAAAAAAAAnull&bo=sAQIB7AECAcFByQ!&rf=photolist&t=5" alt="" /></a>
							<h2>@ 小草 《公益全家福 2017》</h2>
							<p>无论这世界多么冷漠，请你善良。</p>
						</article>
						<article class="thumb">
							<a href="http://b242.photo.store.qq.com/psb?/V12bJ0UM0SZGyQ/hB9K4gj8zc0GrDeuop7VR2fwz1SEcIjOuHmr6M1l*70!/b/dPIAAAAAAAAA&bo=CAewBAgHsAQRBzA!&rf=viewer_4&t=5" class="image"><img src="http://b242.photo.store.qq.com/psb?/V12bJ0UM0SZGyQ/hB9K4gj8zc0GrDeuop7VR2fwz1SEcIjOuHmr6M1l*70!/m/dPIAAAAAAAAAnull&bo=CAewBAgHsAQRBzA!&rf=photolist&t=5" alt="" /></a>
							<h2>@ 小草 《艺的术》</h2>
							<p>一颗热爱民谣的小草。</p>
						</article>
					</div>
                    

				<!-- Footer -->
					<footer id="footer" class="panel">
						<div class="inner split">
							<div>
								<section>
									<h2>Magna feugiat sed adipiscing</h2>
									<p>Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis ipsum eget quis orci mattis aliquet. Maecenas fringilla et ante at lorem et ipsum. Dolor nulla eu bibendum sapien. Donec non pharetra dui. Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis ipsum.</p>
								</section>
								<section>
									<h2>Follow me on ...</h2>
									<ul class="icons">
										<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
										<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
										<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
										<li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
										<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
										<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
									</ul>
								</section>
							</div>
							<div>
								<section>
									<h2>Get in touch</h2>
									<form method="post" action="#">
										<div class="field half first">
											<input type="text" name="name" id="name" placeholder="Name" />
										</div>
										<div class="field half">
											<input type="text" name="email" id="email" placeholder="Email" />
										</div>
										<div class="field">
											<textarea name="message" id="message" rows="4" placeholder="Message"></textarea>
										</div>
										<ul class="actions">
											<li><input type="submit" value="Send" class="special" /></li>
											<li><input type="reset" value="Reset" /></li>
										</ul>
									</form>
								</section>
							</div>
						</div>
					</footer>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.poptrox.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>

	</body>
</html>